<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" th:href="@{/static/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/static/css/mycss.css}">
    <script th:src="@{/static/js/jquery.min.js}"></script>
    <script th:src="@{/static/js/bootstrap.min.js}"></script>
    <script th:src="@{/static/js/myjs.js}"></script>
    <script th:src="@{/static/js/Ewin.js}"></script>
    <title>设置</title>
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <nav class="navbar navbar-default" role="navigation">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">LemonAPM(V0.9)</a>
                </div>

                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="/apm/index">我的主机</a>
                        </li>
                        <li>
                            <a href="/apm/cpu">cpu监控</a>
                        </li>
                        <li>
                            <a href="/apm/memory">内存监控</a>
                        </li>
                        <li>
                            <a href="/apm/disk">磁盘监控</a>
                        </li>
                        <li>
                            <a href="#">主机报警(建设中)</a>
                        </li>
                        <li class="active">
                            <a href="/apm/setting">设置</a>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="/apm/logout">登出</a>
                        </li>
                    </ul>
                </div>
            </nav>
            <div th:if="${data != null}">
                <h3>当前账号所有token</h3>
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>token</th>
                        <th>注册时间</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr th:each="machine : ${data}">
                        <td th:text="${machine.dataToken}" class="token">数据token</td>
                        <td th:text="${machine.dateStr}"></td>
                        <td><button type="button" class="btn btn-danger" onclick="delToken(this)">删除</button></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div th:if="${data == null}">
                <h3>暂无数据</h3>
            </div>
            <div>
                <button type="button" class="btn btn-success" onclick="createToken()" style="float:right">生成token</button>
            </div>

            <div class="span12">
                <h3>关于token的注意事项及系统的使用</h3>
                <ol style="font-size: 16px">
                    <li>
                        我们通过token来唯一标识一台机器，所以尽量不要出现多台机器使用同一个token的情况，否则会出现数据不准确的情况；
                    </li>
                    <li>
                        “我的主机”页面中没有数据的token及为未使用过的token；
                    </li>
                    <li>
                        token随机生成；
                    </li>
                    <li>
                        名词解释：探针。 系统中用于采集机器运行状态的程序称为探针；
                    </li>
                    <li>
                        点击下面的下载按钮下载探针包；探针由java程序编写，是一个jar包，其运行依赖jdk1.8+，(cmd中执行java -version可查看java版本)
                    </li>
                    <li>
                        探针当前0.9版本仅支持java环境；(后续可能更新其他环境的探针)；
                    </li>
                    <li>
                        该探针Linux环境和Windows环境均可使用。
                    </li>
                    <li style="color:red">
                        下载的压缩包包含三个文件，一个.jar文件是探针程序, windows版包含两个.bat文件,Linux包含两个.shell文件，这两文件分别是启动脚本和停止脚本。
                    </li>
                    <li style="color:red">
                        使用生成的未使用过的token替换启动脚本中的token值，然后启动脚本即可。
                    </li>
                    <li style="color:red">
                        如果你想架构私服或了解项目详情或者了解更详细的探针安装说明，请移步<a target="_blank" href="https://gitee.com/lemonSeven/apm">柠七的apm项目</a>
                    </li>
                    <li>
                        有关于项目的问题或BUG码云私信我哦！QAQ_
                    </li>
                </ol>
            </div>
            <div>
                <button type="button" class="btn btn-success" style="float:right" onclick="downloadFile('probe_windows.zip')">Windows探针下载</button>
                <span style="float:right">&nbsp&nbsp&nbsp</span>
                <button type="button" class="btn btn-success" style="float:right" onclick="downloadFile('probe_linux.zip')">Linux探针下载</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>